<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px';
    </script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/tool.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min(1).css">
    <link rel="stylesheet" href="./css/fightgroup.css">
    <link rel="stylesheet" href="./css/footer.css">
    <script src="./js/time.js"></script>
</head>

<body>
    <div id="wrap">
        <div id="head">
            <p>拼粮</p><a href=""><i class="iconfont">&#xe638;</i></a>
        </div>
        <header>
            <div class="title">
                <div class="title-left">
                    <img src="../imgs/sousuo.png" alt="">
                    <input type="text" placeholder="搜索">
                </div>
                <div class="title-right">
                    <img src="../imgs/xiaoxi.png" alt="">
                    <span></span>
                </div>
            </div>
        </header>
        <section>
            <div class="lunbo">

                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./imgs/8.png" alt=""></div>
                        <div class="swiper-slide"><img src="./imgs/8.png" alt=""></div>
                        <div class="swiper-slide"><img src="./imgs/8.png" alt=""></div>

                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class='infoList'>
                <div><img src="./imgs/a1.jpg" alt=""><span>社群拼团</span></div>
                <div><img src="./imgs/a2.jpg" alt=""><span>企业黄页</span></div>
                <div><img src="./imgs/a3.jpg" alt=""><span>产地直销</span></div>
                <div><img src="./imgs/a4.jpg" alt=""><span>全部分类</span></div>

            </div>
            <!-- 拼团抢购开始 -->
            <div class="qiang">
                拼团抢购
            </div>
            <!-- 拼团抢购结束 -->
            <!-- 橘子开始 -->
            <section>
                <!-- 图一 -->
                <div class="secont">
                    <div class="scnimg">
                        <!-- 这里可以放一张图片 需要把图片内容位置注释 -->
                        <div class="img">

                            <img src="./imgs/000.jpg" alt="">
                        </div>
                        <!-- <span class="simgsp1">限时</span>
                            <div class="simgdiv">
                                <p><b>橙心橙意为你而来</b></p>
                                <p>A级-冰糖橘</p>
                                <span>原产地直销，三天内送达(偏远地区除外)</span>
                            </div> -->
                        <div class="sim1jin">
                            <div class="smjn1">
                                <p>
                                    9.9元1斤惊爆价 - A级千禧圣女果
                                </p>
                                <p>
                                    产地直供，一箱约8斤
                                </p>
                                <div class="go">
                                    <b>￥71.90</b>
                                    <img src="./imgs/huomiao.png" alt="">
                                    <span>已抢购999份</span>
                                </div>
                            </div>
                            <div class="smjn2">
                                <div class="countDownTimeView">
                                    <div class="shengyu">剩余抢购 ：</div>
                                    <div class="ti" id="timer"></div>

                                </div>
                                <span>去抢购</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 图二 -->
                <div class="secont">
                    <div class="scnimg">
                        <!-- 这里可以放一张图片 需要把图片内容位置注释 -->
                        <div class="img">

                            <img src="./imgs/000.jpg" alt="">
                        </div>
                        <!-- <span class="simgsp1">限时</span>
                            <div class="simgdiv">
                                <p><b>橙心橙意为你而来</b></p>
                                <p>A级-冰糖橘</p>
                                <span>原产地直销，三天内送达(偏远地区除外)</span>
                            </div> -->
                        <div class="sim1jin">
                            <div class="smjn1">
                                <p>
                                    9.9元1斤惊爆价 - A级千禧圣女果
                                </p>
                                <p>
                                    产地直供，一箱约8斤
                                </p>
                                <div class="go">
                                    <b>￥71.90</b>
                                    <img src="./imgs/huomiao.png" alt="">
                                    <span>已抢购999份</span>
                                </div>
                            </div>
                            <div class="smjn2">
                                <div class="countDownTimeView">
                                    <div class="shengyu">剩余抢购 ：</div>
                                    <div class="ti" id="timerss"></div>

                                </div>
                                <span>去抢购</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 图三 -->
                <div class="secont">
                    <div class="scnimg">
                        <!-- 这里可以放一张图片 需要把图片内容位置注释 -->
                        <div class="img">

                            <img src="./imgs/000.jpg" alt="">
                        </div>
                        <!-- <span class="simgsp1">限时</span>
                            <div class="simgdiv">
                                <p><b>橙心橙意为你而来</b></p>
                                <p>A级-冰糖橘</p>
                                <span>原产地直销，三天内送达(偏远地区除外)</span>
                            </div> -->
                        <div class="sim1jin">
                            <div class="smjn1">
                                <p>
                                    9.9元1斤惊爆价 - A级千禧圣女果
                                </p>
                                <p>
                                    产地直供，一箱约8斤
                                </p>
                                <div class="go">
                                    <b>￥71.90</b>
                                    <img src="./imgs/huomiao.png" alt="">
                                    <span>已抢购999份</span>
                                </div>
                            </div>
                            <div class="smjn2">
                                <div class="countDownTimeView">
                                    <div class="shengyu">剩余抢购 ：</div>
                                    <div class="ti" id="timers"></div>

                                </div>
                                <span>去抢购</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 拼团抢购开始 -->
                <div class="qiang">
                    精选商品
                </div>
                <!-- 拼团抢购结束 -->
                <!-- 产地直销开始 -->
                <div class="main">
                    <ul>
                        <li>
                            <img src="./imgs/11.jpg" alt="">
                            <div class="textInfo">
                                <p>9.9元1斤惊爆价 - A级千禧圣女果</p>
                                <span>产地直供，一箱约8斤</span>
                                <div class="price">
                                    <span>￥ 71.90</span>
                                    <p><i class="iconfont" style="color:#fe4e4f;">&#xe6a0;</i> 已抢购999份</p>
                                    <!-- <img src="../imgs/33.jpg" alt="" style="width:1.2rem;height:0.24rem;margin-top:0.13rem;"> -->
                                    <a href="" class="shopping"><i class="iconfont">&#xe6ab;</i> </a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/11.jpg" alt="">
                            <div class="textInfo">
                                <p>9.9元1斤惊爆价 - A级千禧圣女果</p>
                                <span>产地直供，一箱约8斤</span>
                                <div class="price">
                                    <span>￥ 71.90</span>
                                    <p><i class="iconfont" style="color:#fe4e4f;">&#xe6a0;</i> 已抢购999份</p>
                                    <a href="" class="shopping"><i class="iconfont">&#xe6ab;</i> </a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/11.jpg" alt="">
                            <div class="textInfo">
                                <p>9.9元1斤惊爆价 - A级千禧圣女果</p>
                                <span>产地直供，一箱约8斤</span>
                                <div class="price">
                                    <span>￥ 71.90</span>
                                    <p><i class="iconfont" style="color:#fe4e4f;">&#xe6a0;</i> 已抢购999份</p>
                                    <a href="" class="shopping"><i class="iconfont">&#xe6ab;</i> </a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/11.jpg" alt="">
                            <div class="textInfo">
                                <p>9.9元1斤惊爆价 - A级千禧圣女果</p>
                                <span>产地直供，一箱约8斤</span>
                                <div class="price">
                                    <span>￥ 71.90</span>
                                    <p><i class="iconfont" style="color:#fe4e4f;">&#xe6a0;</i> 已抢购999份</p>
                                    <a href="" class="shopping"><i class="iconfont">&#xe6ab;</i> </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 产地直销结束 -->
            </section>
            <!-- 橘子结束 -->
        </section>
        <footer style="position:fixed;bottom:0;">
            <a href=""><i class="iconfont">&#xe658;</i><p>首页</p></a>
            <a href=""><i class="iconfont">&#xe60d;</i><p>分类</p></a>
            <a href=""><i class="iconfont">&#xe726;</i><p>购物车</p></a>
            <a href="" style="color:#37d863;"><i class="iconfont">&#xe67b;</i><p>我的</p></a>
        </footer>
        <script src="./js/swiper-3.4.2.min.js"></script>
        <script>
            TimeDown('timer', '2019-01-20 23:00:00')
            TimeDown('timers', '2019-01-20 8:00:00')
            TimeDown('timerss', '2019-01-20 8:00:00')
            var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                paginationClickable: '.swiper-pagination',
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                spaceBetween: 30,
                autoHeight: true,
                observer: true,
                observeParents: true,
                autoplay: 1000,
            });
        </script>
</body>

</html>